.File{
    width: 100%;
    height: 100%;
    background:#eee;
}
.fileTop{
    width: 100%;
    height: 116px;
    background: #fff;
    .fileTopOne{
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        // border-bottom: solid 1px #ccc;
        div{
            margin-left: 20px;
            .inpts{
                width: 200px;
                margin-left: 10px;
            }
        }
    }
    .fileTopTwo{
        div{
            float: right;
            .bnts{
                width: 70px;
                margin-right: 20px;
            }
        }
    }
}
.fileTable{
   width: 100%;
   background: #fff;
   margin-top: 16px;
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   .fileTableItem{
       width: 23.6%;
       height: 240px;
       margin-top: 10px;
       transition-duration: 0.5s;
       &:hover{
        box-shadow: #ccc 0px 10px 10px;
       }
       img{
           width: 100%;
           height: 160px;
       }
       .fileItemOriginalname{
             width: 90%;
             overflow: hidden;
             text-overflow:ellipsis;
             white-space:nowrap;
             margin-top: 10px;
             margin-left: 10px;
             font-size: 16px;
       }
       .fileItemCreateAt{
           margin-top: 10px;
           margin-left: 10px;
       }
   }
}
.fileBottom{
    width: 100%;
    height: 90px;
    background: #fff;
    position: relative;
    .fileBottomPage{
        position: absolute;
        top: 30px;
        right: 10px;
    }
}

.fileLog{
    width: 100%;
    height: 100px;
}





.modalBox{
   width: 100%;

}
.fileModal{
    margin-left: 44%;
}
.fileModals{
   background: #fff;
   height: 420px;
   overflow-y: auto;
   .fileModals1{
    height: 520px;
   .fileModalName{
       width: 100%;
       margin-top: 10px;
   }
   .fileModalType{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
   }
   .fileModalSize{
       margin-left: 160px;
   }
   .fileModalVisit{
    width: 100%;
     margin-top: 10px;
    display: flex;
    .fileModalVisits{
        width: 90%;
        height: 40px;
        border: solid 1px #ccc;
    }
   }
 .fileModalCopy{
    margin-top: 10px;
    margin-left: 60px;
    color: royalblue;
    cursor: pointer;
  }
   }

}